$(function () {
    //获取主页文章数据,进行动态渲染,因多次使用,故封装成函数
    function Getnews(key) {
        $.ajax({
            url: News.search,
            data: { key: key },
            success: function (res) {
                let html = template('itemTemp', res.data)
                $('.common_news').html(html)
            }
        })
    }
    //搜索按钮的点击事件
    $('.search_btn').on('click', function () {
        let txt = $('.search_txt').val().trim()
        console.log(txt);
        if (!txt) {
            alert('您搜索的内容为空,请重新输入')
            return
        } else {
            Getnews(txt)
        }
    })


    //输出标题的分类
    $.ajax({
        url: News.category,
        success: function (res) {
            let html = template('menuIdTemp', res.data)
            $('.level_two').html(html)
            $('.left_menu').html(html)
        }
    })

    //输出热门图片
    $.ajax({
        url: News.hotpic,
        success: function (res) {
            let html = template('ImgTemp', res.data)
            $('.focus_list').html(html)
        }
    })

    //输出热门排行
    $.ajax({
        url: News.rank,
        success: function (res) {
            let html = template('rankTemp', res.data)
            $('.hotrank_list').html(html)
        }
    })

    //输出最新评论
    $.ajax({
        url: News.latest_comment,
        success: function (res) {
            console.log(res);
            let html = template('commentTemp', res.data)
            // $('.hotrank_list').html(html)
        }
    })

    Getnews()
})